/******** regles par defaut des balises ********/

* {margin:0; padding:0; outline:none; border:none; list-style:none}

body {font-size:13px; background:#FFF url(../images/bg_body.png) repeat-x 0 0; font-family:"Calibri",Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center}

img, fieldset {border:0}

p {line-height:18px}

h1 {font-size:1.4em}

h2 {font-size:15px; color:#333333}

h3 {font-size:14px;  color:#333333}

h4 {font-size:12px; color:#333333; font-weight:bold}

h5 {font-size:12px; color:#333333; }

ol, ul {list-style-type:none}

dt {}

a {text-decoration:none; color:#333333; cursor:pointer}

a:hover, a.active {color:#fdc400;}

fieldset ul, fieldset ol {margin:0}

	fieldset li {padding:0 0 8px 0}

fieldset fieldset {border:none; margin:0; padding:0}

	fieldset legend {color:#99CC00;  line-height:normal}

	fieldset fieldset li {display:inline; margin:0 0 0 0; padding:0}

	fieldset fieldset input {}

legend {font-weight:bold; padding:0 5px 0 0}

label {display:inline; margin:0 0 3px 0}

input, select, textarea {font-size:1.0em; border:1px solid #d5d5d5; color:#444444}

input {padding:1px 0}

select {padding:0; margin:0; line-height:normal}

option {padding:1px 2px; margin:0; line-height:normal}

div {text-align:left}

table {border-collapse:separate; border-spacing:0}

th, td {text-align:left}

/********** common style  ********/

.hidden {display:none !important}

.layerPopup {display:block; position:absolute; top:0; left:0; z-index:9999}

.floatLeft {float:left !important}

.floatRight {float:right !important}

.alignLeft {text-align:left !important}

.alignCenter {text-align:center !important}

.alignRight {text-align:right !important}

.uppercaseText {text-transform:uppercase !important}

/* Contenu central */



#page {width:961px;  padding:5px 0 0 0; overflow:hidden; text-align:left; margin:0 auto;}

#header {width:100%; overflow:hidden; text-align:center; }

	#headerContent {width:580px;  overflow:hidden; text-align:left; margin:0 0 14px 0; float:right;	}

#container {width:100%; overflow:hidden; text-align:center; padding:9px 0 20px 0; }

	#containerInner {width:961px; overflow:hidden; text-align:left; margin:0 auto;	}

#footer {width:100%;  background:#000 url(../images/bg_footer_pattern.gif) no-repeat 0 100%; overflow:hidden; padding:40px 0 25px; text-align:left }

	#footerContent {width:961px; overflow:hidden; text-align:left; margin:0 auto;	}

	

	#header h1 {float:left; padding:0;}

		#memberLink {width:550px; float:right;}

		#memberLink  li {float:right; padding:0 13px 0 13px; }

		#memberLink  li.type01 {padding:0 0 0 13px; }

        #memberLink  li.type01 a:hover {color: #fdc400; }

		.viewCart {border-left: solid 1px #595858; background: url() no-repeat 0 0;}

		#frmSearch {width:550px; float:right; margin:10px 0 0 0;}

		#frmSearch input {border:none;}

			.txtKeyword {width:172px; height:23px; background:url(../images/bg_keyword.png) no-repeat 0 0; padding: 10px 5px; float:right;}

			.btnSearch {width:83px; height:43px; background:url(../images/bg_keyword.png) no-repeat 0 0; padding:0; float:right;}

	

	

	

	#nav01Content {width:925px; height:53px; background:url(../images/bg_nav.gif) no-repeat 0 0; padding:0 17px; overflow:hidden; float:left; display:block;}

	#nav01 {width:9250px; background:url(../images/bg_nav_separator.gif) no-repeat 0 50%;  padding:0  0 0 3px; overflow:hidden; float:left; display:block;}

				#nav01 li {height:53px;  display:block; padding:0 3px 0 0; background:url(../images/bg_nav_separator.gif) no-repeat 100% 50%; float:left; overflow:hidden;}

				#nav01 li.last {background:none}

				#nav01 li a {height:13px; padding:19px 29px 21px 29px;  font-size:14px; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold; float:left; display:block; }

				#nav01 li a:hover, #nav01 li a.active { color:#fdc400; background:url(../images/bg_nav_active.gif) repeat-x 0 0; }

				#nav01  li.active a { color:#fdc400}

	

	

	#banner {width:750px; padding:0 0 10px 0; overflow:hidden;}

	

		

	#contentLeft {width:200px; margin:0 10px 0 0; overflow:hidden; float:left}

		.blockType01 {width:200px; background:url(../images/bg_block_left_t.png) no-repeat 0 0;  padding:0; margin:0 0 5px 0; }

			.blockType01 h3{width:200px; height:25px; background:url(../images/bg_cat.png) repeat-x 0 0;  padding:5px 0 0 0;  display:block; text-align:center;  font-size:18px;  font-weight:bold; line-height:20px; overflow:hidden; }

			.blockType01Content {width:200px; background:#FFF; padding:5px 0 5px 10px; border-left:1px solid #ececec; border-right:1px solid #ececec}

			.blockType01Bottom {width:200px; height:6px; padding:0;  background:url(../images/bg_block_left_b.png) no-repeat 0 100%; display:block; float:left}

	

		.lstCat{width:200px;  background:#FFF; display:block; }

		.lstCat li{width:200px; padding:0 0 1px 0; display:block; overflow:hidden;}

		.lstCat li a {width:172px; background:url(../images/ico_bullet_01.gif) no-repeat 0 7px; padding:0 0 0 15px; display:block; overflow:hidden; font-size:16px; line-height:19px; white-space:nowrap;}

		

	

		.newsletter {width:213px; padding:6px 10px 8px 10px; display:block; overflow:hidden;}

		.newsletter  p{padding:0 10px 15px 0 ; line-height:20px;}

		.newsletter input  {width:174px; height:13px; background:#FFF; color:#3a352b;  font-size:14px; border:none; float:left; padding:7px 7px;}

		.newsletter input.btnSignup {width:24px; height:27px; border:0; padding:0; cursor:pointer; vertical-align:middle; line-height:11px; border:none;  float:left }

	

	#contentRight {width:750px; padding:0; overflow:hidden; float:left}

		.mainContent {width:750px; padding:0; overflow:hidden;}

		.mainContentTop {width:750px; height:6px; padding:0;  background:url(../images/bg_block_02_t.png) no-repeat 0 0; display:block; float:left}

		.mainContentBottom {width:750px; height:6px; padding:0;  background:url(../images/bg_block_02_b.png) no-repeat 0 0; display:block; float:left}



		.mainContentInner {width:720px; min-height:470px; background:#FFF; padding:10px 14px 0 14px; overflow:hidden; border-left:1px solid #ececec; border-right:1px solid #ececec; float:left; }

        

        .mainContentInner h2 {font-size: 20px; color: #ff9900; margin-bottom: 10px;} 

        

		#vmMainPage h2 {background:url(../images/page_line_separator.gif) repeat-x 0 100%; margin-bottom: 10px; padding:0 0 5px 0; font-size: 26px; color: #000;  clear:both} 

		.blockTitle {background:url(../images/page_line_separator.gif) repeat-x 0 100%; margin-bottom: 10px; padding:0 0 5px 0; font-size: 26px; color: #000;  clear:both} 

        .orderBlock {display:block; text-align:right; overflow:hidden; padding:0 0 5px 0;}

		.pagination {display:inline; }

		.itemCount {display:inline; }

		.itemDisplay {display:inline; float:right;}

		

		

		.lstProduct {width:738px; overflow:hidden;}

		.lstProduct li{width:231px; height:155px; padding:10px 0 0 0; margin:0 14px 12px 0; background:url(../images/bg_product_item_t.gif) no-repeat 0 0; float:left; }

		.productItem{width:219px; background:url(../images/bg_product_item_b.gif) no-repeat 0 100%; padding:0 6px 14px 6px }

		.browseProductImage{margin:0 7px 12px 0; float:left;}

		.productName{font-weight:bold; font-size:14px;}

		.productShortDes{height:44px;  font-size:12px; overflow:hidden}

		.productPrice{font-weight:bold; font-size:24px; color:#ff9900}

		.productItemAction{width:205px; background:url(../images/product_line_separator.gif) no-repeat 0 0; padding:14px 0 0 14px; display:block; overflow:hidden; font-size:12px; }

		.btnDetail{width:61px; height:14px; background:url(../images/btn_detail.gif) no-repeat 0 0; padding:5px 10px 5px 0; margin:0 6px 0 0; display:block; overflow:hidden; float:left; text-align:right; color:#FFF;}

		a.btnDetail:hover {color:#ff9900;}

		.add-cart{width:108px; height:24px; background:url(../images/btn_add_cart.gif) no-repeat 0 0; padding:4px 0 4px 35px; display:block; overflow:hidden; float:left; text-align:left; color:#000; border:none; cursor:pointer; line-height:12px;}

		input.add-cart:hover {color:#FFF}



		.vmCartContainer .addtocart_button{width:108px; height:24px; background:url(../images/btn_add_cart.gif) no-repeat 0 0; padding:4px 0 4px 35px; display:block; overflow:hidden; float:left; text-align:left; color:#000; border:none; cursor:pointer; line-height:12px;}

		.vmCartContainer input.addtocart_button:hover {color:#FFF}

		

		.lstNews {width:750px; padding:0; overflow:hidden;}

		.lstNews li{width:690px; height:187px;  padding:4px 14px  4px  4px ;  background:url(../images/bg_news_item.png) no-repeat 0 1px; overflow:hidden; margin:0 0 8px 0; font-size:14px;}

		.lstNews li img {float:left; margin:0 10px 0 0;}

		.lstNews li h4 {width:330px; height:14px; padding:5px 0 25px 10px; background:url(../images/ico_bullect_arrow_white.png) no-repeat 100% 10px;  float:right; display:block; color:#FFF; font-size:17px; font-weight:bold; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

		.lstNews li h4 a{ color:#FFF; }

		.lstNews li  .btnReadMore {padding:10px 0 0 0; display:block;}

	

	

#navigation{     height: 85px; }

    #navigation li{background: url(../images/step-bg.png) top left no-repeat;  width: 100px;  height: 83px; float:left;  position:relative;  text-align: center;  display: block;  margin-right: 83px;    }

    #navigation li.last-child {  margin: 0;     }

    #navigation li.selected {  background: url(../images/active-step.png) top left no-repeat;}  

	.arrow {      background: url(../images/arrow-icon.jpg) center center no-repeat;      display: block;      width: 45px;      height: 21px;      position: absolute;      right: -60px;      top: 20px;  }  #navigation li a{      color: white;      font-size: 15px;      font-weight: bold;      text-transform: uppercase;      padding-top: 15px;      display: block;  }      #navigation li a span {          display: block;          color: #c8c8c8;          font-size: 25px;          margin-top: 5px;      }      #navigation li.selected a span {          display: block;          color: #d60204;      }

	#navigation li a:hover {text-decoration: none;}

    /* Begin #steps*/

    #steps {width: 720px;  overflow: hidden;}  

	.step {width: 720px;  padding: 20px 0;  }  

	.step h2 {margin-bottom: 10px; font-size: 16px;      color: #005992;      padding: 0 50px;  }          

	/* Begin step-1*/      

	#step-1 table {width: 100%;  border-right: 1px solid #cfcfcf;   border-left: 1px solid #cfcfcf;    }

	#step-1 table tr td span {color: #FF9900;}

	#step-1  table tr th {background:#f9df88; text-align: left; height: 35px;  font-weight: bold; text-transform:uppercase; border-top: 1px solid #cfcfcf;  border-bottom: 1px solid #cfcfcf;   border-left: 1px solid #cfcfcf; padding: 0px 10px; }              

	#step-1  table tr th.right { text-align: right;}              

	#step-1  table tr th.left { text-align: left;} 

	#step-1  table tr td {height: 35px; padding: 0px 10px; margin: 4px 0; border-bottom: 1px dotted #666666; } 

	

     .total { background-color: white; border-top: 1px solid #c9c9c9;  }

	 #step-1 table tr td input {  float:left; padding: 0 2px; color: #FF9900; text-align: right; border:none;}

	 #step-1 table tr td input.inputbox {width: 30px; height: 25px; padding: 0 0px; border: 1px solid #cccccc; color: #FF9900; text-align: right; }

	 .main-content table.vmCoupon { border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }

	 .main-content table.vmCoupon { line-height: 38px; height: 50px; background-color: #fcf3f3; font-size: 14px; color: #3c3c3c; } 

	 .main-content table.vmCoupon p{ padding-left: 15px; } 

	 .coupon-tb { text-align: left; margin: 10px 15px; width: 150px; height: 25px; } 

	 .btnsubmit { background-color: #d60204; height: 25px; width: 80px; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px; line-height: 25px; text-align: center; border: 1px solid #d60204; color: white; vertical-align: middle; } 

	 

	 .l-button, .r-button { 	margin-top: 15px; 	padding: 6px 0px 8px 30px;	vertical-align: middle;	font-weight: bold;	font-size: 1.4em;	width: 40%;}



	.r-button {background: url( ../images/forward.png ) no-repeat left center;}

	.l-button { background: url( ../images/back.png ) no-repeat left center;  margin-right: 40px; }



	 /* Begin step2*/  #step-2 p, #step-3 p, #step-4 p { margin: 5px 0; padding: 0 50px;  } 

	 #step-2 p label { width: 170px; float: left; }     

	 .text-box { border: 1px solid #DFDFDF; color: #FF9900; padding: 0 20px; width: 200px; }

    /* Begin step3*/  

	#step-3 p span {display: block; margin: 10px 0;  }  

	#step-3 p {margin-top: 30px; }

    /* Begin step4*/  

	#step-4 p textarea { border: 1px solid #DFDFDF;      color: #FF9900;      width: 550px;  } 

	

	

	.sectiontableheader h4 {background:url(../images/page_line_separator.gif) repeat-x 0 100%; margin-bottom: 10px; padding:0 0 5px 0; font-size: 18px; color: #000;  clear:both} 

	h4.sectiontableheader {background:url(../images/page_line_separator.gif) repeat-x 0 100%; margin-bottom: 10px; padding:0 0 5px 0; font-size: 18px; color: #000;  clear:both} 

		

	button,  .button, .btnsubmit  { background-color: #f3c137; padding:0 10px 3px 10px; height:auto; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px; line-height: 22px; text-align: center; border: 1px solid #f3c137; color: #000000;  cursor:pointer; }

	button:hover,  input.button:hover, input.btnsubmit:hover {color:#FFF;}

	.customer_info {width:100%;}

	.customer_info td {padding:5px 15px 5px 0; border-bottom:1px solid #E8E8E8;}

	.adminlist {width:100%;}

	.adminlist td {padding:5px 15px 5px 0; border-bottom:1px solid #E8E8E8;}		

	fieldset  strong {color:#e95c0e;}

	fieldset  .formLabel {text-align:left; font-size:12px; font-weight:normal;}

	legend  { font-size:14px; color:#005A8E; font-weight:bold}

	fieldset { border: 1px solid #E8E8E8; padding:10px 15px; margin:10px 10px 10px 0; border-radius : 4px; -moz-border-radius : 4px; -webkit-border-radius : 4px;}

	

	.vmCouponField {background: #EFEFEF;	padding: 10px;	border: 1px solid #CFCFCF;	margin-top: 2px;}

	.vmCouponField .inputbox {	margin-top: 12px; padding:3px 0;}

	.cbOverlay {	background-color: #000;}

		

	#footer { }

		.footerSEO {width:917px; overflow:hidden; padding:0 0 0 40px}

			.footerSEO div{width:200px; padding:0 10px 0 0; float:left;  font-family:Tahoma;}

		.footerSEO h3{font-size:11px; color:#ffffff; font-weight:bold; padding:0 0 5px 0}

		.footerSEO h3 a{color:#ffffff}

		.footerSEO ul{margin:0 0 5px 0; padding:0;  }

		.footerSEO li{ padding:0 0 4px 0; line-height:12px; height:12px; overflow:hidden}

		.footerSEO li a{font-size:11px; color:#ffffff; background:url(../images/ico_bullet_02.png) no-repeat 0 5px; padding:0 0 0 8px; }

		.footerSEO li a:hover{color:#ffcc33;}

		

		.logoFooter {float:right; text-align:center; color:#ffcc33; font-size:15px; font-weight:bold; margin:0 34px 0 0;}

		

			.footerCopyright {font-size:13px;  overflow:hidden; color:#666666; display:block;  padding:30px 0 0 0;font-style:italic; text-align:center;}

			.footerCopyright a { color:#666666;}

				.copyright2 { font-size:14px; font-weight:bold;}

				.copyright2 span { color:#ff0000;}